${require('./header.html')}

<div class="second-banner">
    <img class="w-100" src="${require(`./images/second-banner.png`)}" alt="">
</div>

<div class="second pt-3 pb-5">
    <div class="container">
        <div class="row">
            <div class="col-xl-9">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="#">首页</a></li>
                        <li class="breadcrumb-item" aria-current="page">产业格局</li>
                        <li class="breadcrumb-item active" aria-current="page">智能化教育</li>
                    </ol>
                </nav>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-8 col-xl-9">
                <article class="bg-white p-4 pt-5 pb-5 mb-5">
                    <div class="row mb-5">
                        <div class="col-lg-6">
                            <div class="industry-heading industry-heading--border mb-3">
                                <h6 class="industry-heading__subtitle">INTELLIGENT TECHNOLOGY</h6>
                                <h5 class="industry-heading__title">智能科技</h5>
                            </div>

                            <section>
                                <p class="ti2em">河南浪博科技集团位于开封市中关村智酷园区，现有服务器5000余台，拥有专业的技术研发和师训团队。</p>
                                <p>云计算（cloud computing）是分布式计算的一种，指的是通过网络“云”将巨大的数据计算处理程序分解成无数个小程序，然后，通过多部服务器组成的系统进行处理和分析这些小程序得到结果并返回给用户。云计算早期，简单地说，就是简单的分布式计算，解决任务分发，并进行计算结果的合并。因而，云计算又称为网格计算。通过这项技术，可以在很短的时间内（几秒种）完成对数以万计的数据的处理，从而达到强大的网络服务。</p>
                            </section>
                        </div>

                        <div class="col-lg-6">
                            <img class="w-100" src="${require(`./images/industry-desc.png`)}" alt="">
                        </div>
                    </div>


                    <div class="row mb-5">
                        <div class="col-12">
                            <div class="industry-heading mb-3">
                                <h6 class="industry-heading__subtitle">INTELLIGENT TECHNOLOGY SHOW</h6>
                                <h5 class="industry-heading__title">智能科技展示</h5>
                            </div>

                            <div class="use-swiper">
                                <div class="swiper-container gallery-top">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <img src="${require(`./images/use-slide-1.png`)}" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="${require(`./images/use-slide-1.png`)}" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="${require(`./images/use-slide-1.png`)}" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="${require(`./images/use-slide-1.png`)}" alt="">
                                        </div>
                                        <div class="swiper-slide">
                                            <img src="${require(`./images/use-slide-1.png`)}" alt="">
                                        </div>

                                    </div>
                                    <!-- Add Arrows -->
                                    <div class="swiper-button-next swiper-button-white"></div>
                                    <div class="swiper-button-prev swiper-button-white"></div>
                                </div>
                                <div class="swiper-container gallery-thumbs">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="use-slide__pic" style="background-image: url(${require(`./images/use-slide-1.png`)})"></div>
                                            <div class="use-slide__title">北京国维国际教育官方网站</div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="use-slide__pic" style="background-image: url(${require(`./images/use-slide-1.png`)})"></div>
                                            <div class="use-slide__title">北京国维国际教育官方网站</div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="use-slide__pic" style="background-image: url(${require(`./images/use-slide-1.png`)})"></div>
                                            <div class="use-slide__title">北京国维国际教育官方网站</div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="use-slide__pic" style="background-image: url(${require(`./images/use-slide-1.png`)})"></div>
                                            <div class="use-slide__title">北京国维国际教育官方网站</div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="use-slide__pic" style="background-image: url(${require(`./images/use-slide-1.png`)})"></div>
                                            <div class="use-slide__title">北京国维国际教育官方网站</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
            </div>

            <div class="col-lg-4 col-xl-3">
                <div class="sidebar mb-5">
                    <div class="sidebar__heading">
                        <h2 class="sidebar__subtitle">Industrial structure</h2>
                        <h2 class="sidebar__title">产业格局</h2>
                    </div>

                    <a class="sidebar__item" href="industry-1.html">云计算</a>
                    <a class="sidebar__item" href="industry-2.html">软件开发</a>
                    <a class="sidebar__item sidebar__item--active" href="industry-3.html">智能科技</a>
                    <a class="sidebar__item" href="industry-4.html">影视传媒</a>
                    <a class="sidebar__item" href="industry-5.html">广告企划</a>
                    <a class="sidebar__item" href="industry-6.html">智能化教育</a>
                </div>
            </div>
        </div>
    </div>
</div>

${require('./footer.html')}
